<?xml version="1.0" encoding="UTF-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$model/UI2/system/components/justep/window/window" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __justepbasexid__="__baseID__" components="$model/UI2/system/components/justep/labelEdit/labelEdit,$model/UI2/system/components/justep/panel/panel,$model/UI2/system/components/justep/panel/child,$model/UI2/system/components/justep/windowDialog/windowDialog,$model/UI2/system/components/justep/messageDialog/messageDialog,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/controlGroup/controlGroup,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/button/button,$model/UI2/system/components/justep/output/output,">  
  <div xmlns="" component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full" xid="panel1" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}"> 
    <div class="x-panel-top" xid="top1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
      <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar" xid="titleBar1" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&quot;title&quot;:&quot;MessageDialog&quot;}"> 
        <div class="x-titlebar-left" xid="div1"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="button1" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:closeWin" data-config="{&quot;icon&quot;:&quot;icon-chevron-left&quot;}"> 
            <i xid="i1" class="icon-chevron-left"/>  
            <span xid="span1"/> 
          </a> 
        </div>  
        <div class="x-titlebar-title" xid="div2">MessageDialog</div>  
        <div class="x-titlebar-right " xid="div3"> 
          <div class="empty"/> 
        </div> 
      </div> 
    </div>  
    <div class="x-panel-content" xid="content1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}"> 
      <div component="$model/UI2/system/components/justep/controlGroup/controlGroup" class="x-control-group" xid="MessageDialogSource" data-bind="component:{name:'$model/UI2/system/components/justep/controlGroup/controlGroup'}" data-config="{&quot;title&quot;:&quot;MessageDialog Demo&quot;}"> 
        <h3 style="height:48px;vertical-align: middle;padding: 8px;display: inline-block;">MessageDialog</h3>  
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="jsSource" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:showJsSource" data-config="{&quot;label&quot;:&quot;js&quot;}"> 
          <i xid="jsSou"/>  
          <span xid="span2">js</span> 
        </a>  
        <a component="$model/UI2/system/components/justep/button/button" class="btn btn-link" xid="source" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'},visible:isVisible" data-events="onClick:showMessageDialogSource" data-config="{&quot;label&quot;:&quot;源码&quot;}"> 
          <i xid="sou"/>  
          <span xid="span2">源码</span> 
        </a>  
        <p>1、信息提示窗口</p>  
        <p>2、选择MessageDialog的属性,并点击dynamicCreate按钮</p>  
        <div style="margin-top: 20px;"> 
          <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label25" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}"> 
            <label class="x-label">type：</label>  
            <select class="x-edit form-control" data-bind="value:type"> 
              <option value="OK">OK</option>  
              <option value="OKCancel">OKCancel</option>  
              <option value="YesNo">YesNo</option>  
              <option value="YesNoCancel">YesNoCancel</option>  
              <option value="Prompt">Prompt</option> 
            </select> 
          </div>  
          <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label25" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}"> 
            <label class="x-label">width：</label>  
            <input class="x-edit form-control" placeholder="请输入弹出框的宽度..." xid="widthId" data-bind="value:width,event:{change:$model._callModelFn.bind($model, 'widthIdChange')}"/> 
          </div>  
          <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label25" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}"> 
            <label class="x-label">title：</label>  
            <input class="x-edit form-control" data-bind="value:title"/> 
          </div>  
          <div component="$model/UI2/system/components/justep/labelEdit/labelEdit" class="x-label-edit x-label25" data-bind="component:{name:'$model/UI2/system/components/justep/labelEdit/labelEdit'}"> 
            <label class="x-label">message：</label>  
            <input class="x-edit form-control" data-bind="value:text"/> 
          </div>  
          <span component="$model/UI2/system/components/justep/messageDialog/messageDialog" xid="messageDialg" style="top:15px;left:291px;" data-bind="component:{name:'$model/UI2/system/components/justep/messageDialog/messageDialog'}" data-config="{&quot;message&quot;:&quot;通过组件方式创建MessageDialog,相关属性可以在组件中设置&quot;,&quot;title&quot;:&quot;demo&quot;,&quot;type&quot;:&quot;OK&quot;}"> 
            <div xmlns:xhtml="http://www.w3.org/1999/xhtml" class="x-modal-overlay"></div>  
            <div xmlns:xhtml="http://www.w3.org/1999/xhtml" class="x-modal">  
              <div class="x-modal-inner"> 
                <div class="x-modal-title">demo</div>  
                <div class="x-modal-text">通过组件方式创建MessageDialog,相关属性可以在组件中设置</div>  
                <input class="x-modal-prompt-input" type="text"/> 
              </div>  
              <div class="x-modal-buttons"> 
                <a class="x-modal-button x-modal-button-bold OK" value="ok">确定</a>  
                <a class="x-modal-button x-modal-button-bold Yes" value="yes">是</a>  
                <a class="x-modal-button x-modal-button-bold No" value="no">否</a>  
                <a class="x-modal-button x-modal-button-bold Cancel" value="cancel">取消</a> 
              </div> 
            </div> 
          </span> 
        </div>  
        <div xid="buttons"> 
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-default" xid="testButton" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:show" data-config="{&quot;label&quot;:&quot;dynamicCreate&quot;}"> 
            <i/>  
            <span>dynamicCreate</span> 
          </a>  
          <a component="$model/UI2/system/components/justep/button/button" class="btn btn-default" xid="button3" data-bind="component:{name:'$model/UI2/system/components/justep/button/button'}" data-events="onClick:standardCreate" data-config="{&quot;label&quot;:&quot;standardCreate&quot;}"> 
            <i xid="i3"/>  
            <span xid="span3">standardCreate</span> 
          </a>  
          <div component="$model/UI2/system/components/justep/output/output" xid="output" class="x-output" data-bind="component:{name:'$model/UI2/system/components/justep/output/output'}"/> 
        </div> 
      </div> 
    </div> 
  </div>  
  <div xmlns="" id="aler"/>  
  <span xmlns="" component="$model/UI2/system/components/justep/windowDialog/windowDialog" xid="windowDialog" style="left:335px;top:406px;" data-bind="component:{name:'$model/UI2/system/components/justep/windowDialog/windowDialog'}" data-config="{&quot;src&quot;:&quot;$model/UI2/system/components/justep/common/demo/dialog.w&quot;}"> 
    <div xmlns:xhtml="http://www.w3.org/1999/xhtml" class="x-dialog-overlay"></div>  
    <div xmlns:xhtml="http://www.w3.org/1999/xhtml" class="x-dialog">  
      <div class="x-dialog-title"> 
        <button class="close"> 
          <span>×</span> 
        </button>  
        <div class="x-dialog-title-text"/> 
      </div>  
      <div class="x-dialog-body"/> 
    </div> 
  </span> 
</div>
